<!DOCTYPE html>
<html lang="fr">
<head>
    <title>Projet</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/layout.css">
    <link rel="stylesheet" href="css/protoshow.css">
    
    <script type="text/javascript" src="js/prototype.js"></script>
    <script type="text/javascript" src="js/scriptaculous.js"></script>
    <script type="text/javascript" src="js/builder.js"></script>
    <script type="text/javascript" src="js/effects.js"></script>
    <script type="text/javascript" src="js/dragdrop.js" ></script>
    <script type="text/javascript" src="js/controls.js"></script>
    <script type="text/javascript" src="js/slider.js"></script>
    <script type="text/javascript" src="js/sound.js"></script>
    <script type="text/javascript" src="js/protoshow.js"></script>
    <script type="text/javascript" src="js/carousel.js"></script>
    <script type="text/javascript" src="js/site.js"></script>
	<script type="text/javascript" src="js/modalbox.js"></script>
    <script type="text/javascript">
        document.createElement("header");
        document.createElement("footer");
        document.createElement("section");
        document.createElement("aside");
        document.createElement("nav");
        document.createElement("article");
        document.createElement("figure");
    </script>
<!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if IE 8]>         
	<html class="no-js lt-ie9" lang="fr"> 
<![endif]-->
<!--[if IE 9]>         
	<html class="no-js gt-ie8" lang="fr"> 
<![endif]-->
   
</head>
<body>
    <!-- wrapper -->
    <div id="wrapper">
        <!-- main -->
        <section id="main">
            <!-- slide -->
            
            <!-- fin slide -->
            <div class="join_show">
				<div>
					<h3>Join the show on internet</h3>
					<span class="label">to discover the radical new range</span>
				</div>
				<form method="post" action="#">
					<fieldset>
						<input type="text" name="Enter your e-mail"  value="Enter your e-mail" onBlur="this.value=this.value==''?'Enter your e-mail':this.value;" onFocus="this.value=''" />
						<input onclick="Modalbox.show($('testContent'), {title: this.title, height: 250 }); return false;" type="submit" name="OK" value="OK" />
						<!-- popin -->
						<div style="display: none" id="testContent">
							<div class="popin_form">
								<h2>Join the show on internet</h2>
								<form method="post" action="#">
									<fieldset>
										<input type="text" name="Enter your e-mail"  value="Enter your e-mail" onBlur="this.value=this.value==''?'Enter your e-mail':this.value;" onFocus="this.value=''" />
										<div>
											<input type="radio" name="case1" value="" />
											<label>
												J'accepte d'être contacté(e) ultérieurement par 
												Renault Trucks par courrier électronique concernant 
												le lancement de la nouvelle Gamme Renault Trucks. 
												A l'occasion de chaque envoi, j'aurai la possibilité 
												de mettre fin à cet accord.
											</label>
										 </div>
										 <div>
											<input type="radio" name="case2" value="" />
											<label>
												Je n'accepte pas d'etre contacté(e) ulterieurement par Renault et son reseau par courrier électronique.
											</label>
										 </div>
										 <input class="clearfix" type="submit" name="valider" value="valider" />
									</fieldset>
								</form>
							</div>
						</div>
						<!-- fin popin -->
					</fieldset>
				</form>
			</div>
            <!-- bottom_box -->
            
            <!-- fin bottom_box -->
        </section>
        <!-- fin main -->
        <!-- footer -->
        <footer>
            <div class="continents-wrapper">
                <ul class="continents">
                    <li><a href="#">English</a></li>
                </ul>
            </div>
            <!-- reseau sociaux -->
            <ul class="rs">
                <li><a href="#"><img src="images/content/facebook.png" alt="facebook" /></a></li>
                <li><a href="#"><img src="images/content/twitter.png" alt="twitter" /></a></li>
                <li><a href="#"><img src="images/content/youtube.png" alt="youtube" /></a></li>
            </ul>
            <!-- fin reseau sociaux -->
        </footer>
        <!-- fin footer -->
    </div>
    <!-- fin wrapper -->
</body>
</html>
